<!-- template inhertance -->
<extend name="layout/default"/>

<!-- styles -->
<block name="linkcss">
    <!--日期-->
    <link rel="stylesheet" href="/Public/home/css/bootstrap-datetimepicker.min.css">
    <!--layui第三方-->
    <link rel="stylesheet" href="/Public/layui-formSelects/dist/formSelects-v4.css">

    <link rel="stylesheet" href="/Public/home/css/staffInterview/staff.css">
</block>

<!-- scripts -->
<block name="linkjs">
    <!--日期-->
    <script src="/Public/home/js/bootstrap-datetimepicker.js"></script>
    <script src="/Public/home/js/bootstrap-datetimepicker.zh-CN.js"></script>

    <script src="/Public/home/js/staffInterview/staff.js"></script>
</block>

<!-- page title -->
<block name="webtitle">
    <title>创建员工定期谈话记录</title>
</block>

<!-- navagations -->
<block name="breadcrumb">
    <ol class="breadcrumb breadcrumb-edit">
        <li><a href="staffInterviewIndex.html">员工定期谈话记录</a></li>
        <li class="active">创建谈话记录</li>
    </ol>
</block>

<!-- main body -->
<block name="content">
    <div class="staff">
        <!-- 左侧列表 -->
        <div class="list-staff">
            <ul>
                <li>
                    <a href="staffInterviewIndex.html">
                        <i class="icon-table"></i>
                        <span class="ml-5">员工定期谈话记录</span>
                    </a>
                </li>
                <li class="active">
                    <a href="staffInterviewCreate.html">
                        <i class="icon-plus"></i>
                        <span class="ml-5">创建谈话记录</span>
                    </a>
                </li>
            </ul>
        </div>

        <!-- 右侧内容 -->
        <div class="create-staff">
            <form action="" class="layui-form">
                <div class="row">
                    <div class="col-md-4">
                        <div class="layui-form-item">
                            <label class="layui-form-label">姓名</label>
                            <div class="layui-input-block">
                                <select name="name" id="name" lay-verify="required" lay-filter="name" lay-search>
                                    <option value="">请选择(可搜索)</option>
                                    <option value="1">AAA</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="layui-form-item">
                            <label class="layui-form-label">部门</label>
                            <div class="layui-input-block">
                                <input type="text" name="department" class="layui-input" lay-verify="required" placeholder="请输入部门" >
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="layui-form-item">
                            <label class="layui-form-label">岗位</label>
                            <div class="layui-input-block">
                                <input type="text" name="job" class="layui-input" lay-verify="required" placeholder="请输入岗位" >
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-4">
                        <div class="layui-form-item">
                            <label class="layui-form-label">直属上司</label>
                            <div class="layui-input-block">
                                <input type="text" name="boss" class="layui-input" lay-verify="required" placeholder="请输入直属上司" >
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="layui-form-item">
                            <label class="layui-form-label">入职日期</label>
                            <div class="layui-input-block">
                                <input type="text" name="entryData" class="layui-input entryData" lay-verify="required" placeholder="请选择入职日期" >
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="layui-form-item">
                            <label class="layui-form-label">薪酬</label>
                            <div class="layui-input-block">
                                <input type="text" name="salary" class="layui-input" lay-verify="required" placeholder="请输入薪酬区间">
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-4">
                        <div class="layui-form-item">
                            <label class="layui-form-label">年龄</label>
                            <div class="layui-input-block">
                                <input type="text" name="age" class="layui-input" lay-verify="required" placeholder="请输入年龄" >
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="layui-form-item">
                            <label class="layui-form-label">籍贯</label>
                            <div class="layui-input-block">
                                <input type="text" name="birthplace" class="layui-input" lay-verify="required" placeholder="请输入籍贯" >
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="layui-form-item">
                            <label class="layui-form-label">婚否</label>
                            <div class="layui-input-block">
                                <input type="text" name="marriage" class="layui-input" lay-verify="required" placeholder="请输入婚姻状况" >
                            </div>
                        </div>
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">面谈日期</label>
                    <div class="layui-input-block">
                        <input name="talkData" class="layui-input talkData" lay-verify="required" placeholder="请选择此次面谈的日期">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">面谈原因<div class="mr-20">及</div>预期目的</label>
                    <div class="layui-input-block">
                        <textarea name="cause" class="layui-textarea" lay-verify="required" placeholder="请输入此次面谈的原因及预期目的"></textarea>
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">面谈内容</label>
                    <div class="layui-input-block">
                        <textarea name="content" class="layui-textarea" rows="10" lay-verify="required" placeholder="请输入此次面谈的主要内容"></textarea>
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">发现问题</label>
                    <div class="layui-input-block">
                        <textarea name="problem" class="layui-textarea" rows="10" lay-verify="required" placeholder="请输入此次面谈中发现的问题"></textarea>
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">解决方案</label>
                    <div class="layui-input-block">
                        <textarea name="solution" class="layui-textarea" rows="10" lay-verify="required" placeholder="请输入针对上述问题的解决方案"></textarea>
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">总结</label>
                    <div class="layui-input-block">
                        <textarea name="summary" class="layui-textarea" rows="10" lay-verify="required" placeholder="请输入对此次面谈的总结"></textarea>
                    </div>
                </div>

                <!--附件-->
                <div class="layui-form-item">
                    <label class="layui-form-label">附件</label>
                    <div class="layui-input-block">
                        <input type="file" name="file" class="layui-upload">
                    </div>
                </div>

                <!--审阅人-->
                <div class="layui-form-item">
                    <label class="layui-form-label">审阅人</label>
                    <div class="layui-input-block">
                        <select name="reader" xm-select="reader" xm-select-search="" xm-select-search-type="title" lay-verify="required">
                            <option value=""></option>
                            <option value="1">X</option>
                            <option value="2">XX</option>
                            <option value="3">XXX</option>
                        </select>
                    </div>
                </div>

                <!--按钮-->
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button type="button" lay-submit="" lay-filter="create" class="layui-btn">创建记录</button>
                        <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</block>